<template>
  <div class="pointto">
    <div class="header">
      <!--<i class="iconfont icon-zyojiantou"></i>-->
      我的点到
      <!--<i class="iconfont icon-liebiao1"></i>-->
    </div>
    <div class="content">
      <div class="todayPointTo">
        <!--今日点到-->
        <div class="todayTitle"><i class="iconfont icon-hengxian"></i> 今日点到 <i class="iconfont icon-hengxian"></i></div>
        <div class="todayPointToList">
          <ul>
            <li>
              <div class="todaycol">班级科目</div>
              <div class="todaycol">状态</div>
              <div class="todaycol">到课时间</div>
            </li>
            <li v-show="content.length < 1">暂无数据</li>
            <li v-for="contents in content" >
              <div class="todaycol">{{contents.className}}</div>
              <div class="todaycol" :class="{todayqingjia: contents.caption.signStatus == '请假', todayqueke: contents.caption.signStatus == '未到'}">
                <i class="iconfont icon-dian" v-show="contents.caption.signStatus == '请假' || contents.caption.signStatus == '未到'"></i>
                {{contents.caption.signStatus}}
              </div>
              <div class="todaycol">{{dateFormat(contents.signTime)}}</div>
            </li>
          </ul>
        </div>
      </div>
      <div class="todayPointTo">
        <!--点到统计-->
        <div class="todayTitle"><i class="iconfont icon-hengxian"></i> 点到统计 <i class="iconfont icon-hengxian"></i></div>
        <div class="todayPointToList">
          <ul>
            <li>
              <div class="todaycol">班级科目</div>
              <div class="todaycol">上课时间</div>
              <div class="todaycol">到课情况</div>
            </li>
            <li v-show="list.length < 1">暂无数据</li>
            <li v-for="li in list">
              <div class="todaycol">{{li.bean.className}}</div>
              <div class="todaycol">{{dateFormat(li.bean.startTime)}}</div>
              <div class="todaycol" :class="{todayqingjia: li.bean.caption.signStatus == '请假', todayqueke: li.bean.caption.signStatus == '未到'}">
                <i class="iconfont icon-dian" v-show="li.bean.caption.signStatus == '请假' || li.bean.caption.signStatus == '未到'"></i>
                {{li.bean.caption.signStatus}}
              </div>
            </li>
          </ul>
        </div>
        <div v-show="list.length > 0 && !show" @click="lookmore" class="moreBtn">查看更多</div>
      </div>
    </div>
    <div class="confirma">
      <confirm v-model="show"
               title="操作提示"
               @on-cancel="onCancel"
               @on-confirm="onConfirm">
        <p style="text-align:center;">您目前尚未登录，是否进行登录？</p>
      </confirm>
    </div>
  </div>
</template>

<style lang="scss" src='./pointto.scss'></style>
<script src="./pointto.js"></script>
